{% stylesheet %}
.block_video_list-warp {
  position: relative;
}

.block_video_list-warp .swiper-wrapper {
  display: flex;
  align-items: center;
}

.block_video_list-warp .swiper-button-disabled path{
  fill:#ccc !important;
}

.block_video_list-warp a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.block_video_list-warp .block_video_list-image {
  width: 100%;
  height: auto;
}

.block_video_list-warp .block_video_list-next, .block_video_list-warp .block_video_list-prev {
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -25px;
  cursor: pointer;
  right: -50px;
  transition: all 0.4s ease-in-out;
}

@media screen and (max-width: 767px) {
  .block_video_list-warp .block_video_list-next, .block_video_list-warp .block_video_list-prev {
    display: none;
  }
}

.block_video_list-warp .block_video_list-next svg, .block_video_list-warp .block_video_list-prev svg {
  width: 20px;
  height: 20px;
}

.block_video_list-warp .block_video_list-next svg path, .block_video_list-warp .block_video_list-prev svg path {
  fill: #000000;
}

.block_video_list-warp .block_video_list-prev {
  left: -50px;
}

.block_video_list-warp .block_video_gid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 767px) {
  .block_video_list-warp .block_video_gid {
    grid-gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
  .block_video_list-warp .block_video_gid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.block_video_list-warp .block_video-pc-show {
  display: flex;
}

@media screen and (max-width: 767px) {
  .block_video_list-warp .block_video-pc-show {
    display: none;
  }
}

.block_video_list-warp .block_video-pc-hide {
  display: none;
}

@media screen and (max-width: 767px) {
  .block_video_list-warp .block_video-pc-hide {
    display: block;
  }
}

.video-layer {
  padding: 30px;
  display: flex;
  position: relative;
  box-sizing: border-box;
  width: 920px;
  max-height: 510px;
  background-color: #fff;
}

@media screen and (max-width: 920px) {
  .video-layer {
    flex-direction: column;
    width: calc(100vw - 30px);
    padding: 40px 15px 15px 15px;
    max-height:80vh;
        overflow-y: auto;
  }
  .video-layer .video-layer-right .video-layer-scroll{
        overflow: inherit !important;
  }
  .video-layer .video-layer-left,
  .video-layer .video-layer-right {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .video-layer .video-layer-right {
    margin-top: 10px;
    max-height: 40vh;
    overflow: initial !important;
  }
  .video-layer iframe {
    width: 100%;
    height: calc(calc(100vw - 60px) / 4 * 3) !important;
  }
  .video-layer .youtube-info{
    flex-direction: column-reverse;
  }
  
  .video-layer .youtube-info .youtube-author{
        display: flex;
    justify-content: space-between;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
  }
  .video-layer .youtube-info  .youtube-interactive{
     display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 10px;
  }
  .youtube-interactive-item{
    margin-left:0 !important;
  }
 
}

.video-layer .video-layer-close {
  position: absolute;
  top: 12px;
  right: 12px;
}

.video-layer .video-layer-left {
  flex: 3;
  margin-right: 10px;
}

.video-layer .video-layer-left iframe {
  width: 100%;
  height: 400px;
}

.video-layer .video-layer-right {
  flex: 2;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;

}

.video-layer .video-layer-right .video-layer-scroll {
  flex: 1;
  overflow-y: auto;
}

.video-layer .video-layer-detail {
  font-size: 14px;
  color: #999999;
  margin-top: 10px;
}

.video-layer .video-layer-name {
  color: #333333;
  text-align: left;
  font-size:16px !important;
  flex-shrink: 0;
}

.video-layer .video-layer-product {
  border-top: 1px dashed #dddddd;
  margin-top: 20px;
}

.video-layer .video-layer-product-item {
  display: flex;
  padding: 20px 0;
}

.video-layer .video-layer-product-item .video-layer-product-item-pic {
  width: 96px;
  height: 96px;
  flex-shrink: 0;
}

.video-layer .video-layer-product-item .video-layer-product-item-pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.video-layer .video-layer-product-item .video-layer-product-item-info {
  flex: 1;
  margin-left: 10px;
  overflow: hidden;
}

.video-layer .video-layer-product-item .video-layer-product-item-info .video-layer-product-item-name {
  font-size: 14px;
  display:block;
}

.video-layer .video-layer-product-item .video-layer-product-item-info .video-layer-product-item-price {
  margin-top: 10px;
}

.video-layer .video-layer-product-item .video-layer-product-item-info .video-layer-product-item-btn {
  margin-top: 10px;
  display: inline-block;
  padding: 6px 12px;
  font-size: 14px;
  background: var(--main_button_bg);
  color: var(--main_button_color);
  border-radius: var(--button_border_radius);
  cursor: pointer;
}

.video-layer .youtube-info {
  padding: 12px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.video-layer .youtube-info .youtube-author, .video-layer .youtube-info .youtube-author .youtube-icon, .video-layer .youtube-info .youtube-interactive, .video-layer .youtube-info .youtube-interactive-item {
  display: flex;
  align-items: center;
}

.video-layer .youtube-info .youtube-author .youtube-icon, .video-layer .youtube-info .youtube-interactive .youtube-icon, .video-layer .youtube-info .youtube-interactive-item .youtube-icon {
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: #ff0000;
  border-radius: 4px;
  overflow: hidden;
}

.video-layer .youtube-info .youtube-author span, .video-layer .youtube-info .youtube-author .youtube-icon span, .video-layer .youtube-info .youtube-interactive span, .video-layer .youtube-info .youtube-interactive-item span {
  margin-left: 10px;
  font-size: 14px;
}

.video-layer .youtube-info .youtube-interactive .youtube-close {
  display: none;
}

.video-layer .youtube-info .youtube-interactive-item {
  margin-left: 20px;
}

.video-layer .youtube-info .youtube-interactive-item span {
  margin-left: 10px;
  font-size: 14px;
  color: #999999;
}
{% endstylesheet %}
{% assign defaultImageEmpty = 'empty.png' | public_asset_abs_url %} {% assign blockId = block_id | default : section.block_id %}

<div class="block_video_list container_wrapper">
    {% if section.settings.title != '' or section.settings.detail != '' %}
    <div class="block_title">
        {% if section.settings.title != '' %}
        <h2>{{ section.settings.title }}</h2>
        {% endif %} {% if section.settings.detail != '' %}
        <div class="block_detail">{{ section.settings.detail }}</div>
        {% endif %}
    </div>
    {% endif %}
    {% assign video_ids = section.blocks | get_array_values: "video" | get_array_values: "id" | join: "," %}
    {% get_youtube_video_stats video_ids = {video_ids} %}
    <div class="block_video_list-warp">
        <div style="overflow: hidden; width: 100%" id="block_video_list-{{blockId}}">
            {% if section.blocks.size > 0 %} {% if section.settings.show_type == '1' %}
            <ul class="swiper-wrapper block_video-pc-show">
                {% for block in section.blocks %}
                {% assign videoInfo = statistics[block.video.id] | default :"" %}
                <li class="swiper-slide">{% include 'video_item', video:videoInfo,block:block %}</li>
                {% endfor %}
            </ul>
            {% endif %}

            <div class="{% if section.settings.show_type == '1' %}block_video-pc-hide{% endif %}">
                <div class="block_video_gid">
                {% for block in section.blocks %} 
                    {% assign videoInfo = statistics[block.video.id] | default :"" %}
                    {% include 'video_item', video:videoInfo , block:block %}
                {% endfor %}
                </div>
            </div>
            {% else %}
            <div class="block_video_gid">{% for item in (1..4) %} {% include 'video_item',block:"",video:"" %} {% endfor %}</div>
            {% endif %}
        </div>
        {% if section.settings.show_type == '1' and section.blocks.size > 4 %}
        <div class="block_video_list-prev" id="block_prev_{{ blockId  }}">{% include 'icon_silde_left' ,width:'24',height:'24' %}</div>
        <div class="block_video_list-next" id="block_next_{{ blockId  }}">{% include 'icon_silde_right' ,width:'24',height:'24' %}</div>
        {% endif %}
    </div>

    {% raw %}
    <script type="text/html" id="video-default-layer">
        <div class="video-layer">
            <a href="javascript:;" class="video-layer-close popup-close">
                <svg t="1633405599567" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1984" width="16" height="16"><path d="M453.44 512L161.472 220.032a41.408 41.408 0 0 1 58.56-58.56L512 453.44 803.968 161.472a41.408 41.408 0 0 1 58.56 58.56L570.56 512l291.968 291.968a41.408 41.408 0 0 1-58.56 58.56L512 570.56 220.032 862.528a41.408 41.408 0 0 1-58.56-58.56L453.44 512z" p-id="1985"></path></svg>
            </a>
            <div class="video-layer-left">
                <iframe id="ytplayer" type="text/html" src="{{videoInfo.url}}" frameborder="0" allowfullscreen></iframe>
                <div class="youtube-info">
                    <div class="youtube-author">
                        <a href="javascript:;" class="youtube-icon">
                            <svg t="1622698620162" class="icon" viewBox="0 0 1024 1024" width="22" height="22" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23166">
                                <path
                                    d="M612.179 698.398v113.032q0 35.895-20.878 35.895-12.308 0-24.101-11.794v-161.234q11.794-11.794 24.101-11.794 20.878 0 20.878 35.895zM793.229 698.947v24.65h-48.202v-24.65q0-36.409 24.101-36.409t24.101 36.409zM275.758 582.177h57.322v-50.362h-167.131v50.362h56.258v304.812h53.585v-304.812zM430.032 886.991h47.688v-264.633h-47.688v202.477q-16.079 22.49-30.547 22.49-9.634 0-11.245-11.245-0.548-1.612-0.548-18.753v-195.003h-47.688v209.437q0 26.261 4.285 39.117 6.411 19.816 31.060 19.816 25.713 0 54.648-32.672v28.935zM659.833 807.693v-105.524q0-39.117-4.834-53.036-9.119-29.998-38.020-29.998-26.775 0-49.813 28.935v-116.255h-47.688v355.14h47.688v-25.713q24.101 29.45 49.813 29.45 28.935 0 38.020-29.45 4.834-14.468 4.834-53.585zM840.917 802.345v-6.959h-48.751q0 27.323-1.063 32.672-3.737 19.267-21.428 19.267-24.65 0-24.65-36.957v-46.591h95.89v-55.162q0-42.306-14.468-62.155-20.878-27.323-56.773-27.323-36.409 0-57.322 27.323-15.016 19.816-15.016 62.155v92.668q0 42.306 15.531 62.155 20.878 27.323 57.836 27.323 38.569 0 57.836-28.387 9.634-14.467 11.245-28.935 1.063-4.834 1.063-31.060zM515.226 313.26v-112.483q0-36.957-23.038-36.957t-23.038 36.957v112.483q0 37.506 23.038 37.506t23.038-37.506zM900.364 715.574q0 125.34-13.919 187.495-7.508 31.609-31.060 53.036t-54.648 24.65q-98.564 11.245-297.305 11.245t-297.305-11.245q-31.060-3.222-54.922-24.65t-30.787-53.036q-13.919-59.995-13.919-187.495 0-125.34 13.919-187.495 7.508-31.609 31.060-53.036t55.162-25.164q98.016-10.731 296.756-10.731t297.305 10.731q31.060 3.737 54.922 25.164t30.787 53.036q13.919 59.995 13.919 187.495zM365.751 32.035h54.648l-64.83 213.722v145.155h-53.585v-145.155q-7.508-39.632-32.672-113.58-19.816-55.162-34.832-100.176h56.773l38.020 140.87zM563.977 210.41v93.73q0 43.403-15.016 63.218-19.816 27.323-56.773 27.323-35.895 0-56.258-27.323-15.016-20.364-15.016-63.218v-93.73q0-42.854 15.016-62.67 20.364-27.323 56.258-27.323 36.957 0 56.773 27.323 15.016 19.816 15.016 62.67zM743.415 123.639v267.307h-48.751v-29.45q-28.387 33.22-55.162 33.22-24.65 0-31.609-19.816-4.285-12.856-4.285-40.18v-211.048h48.751v196.581q0 17.691 0.548 18.753 1.612 11.794 11.245 11.794 14.468 0 30.547-23.038v-204.088h48.751z"
                                    fill="#fff"
                                ></path>
                            </svg>
                        </a>
                        <span style="color:#999999">{{videoInfo.date}}</span>
                    </div>
                    <div class="youtube-interactive">
                        <a href="javascript:;" class="youtube-interactive-item">
                            <svg t="1646975399105" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6233" width="22" height="22"><path d="M1006.04992 470.016C997.60192 455.232 830.81792 128 507.74592 128S17.95392 455.232 9.50592 470.016a80.768 80.768 0 0 0 0 76.032c8.448 14.784 175.232 342.08 498.24 342.08s489.856-327.296 498.304-342.08a95.168 95.168 0 0 0 0-76.032z m-498.304 333.632c-274.432 0-422.4-295.616-422.4-295.616s147.84-295.616 422.4-295.616 422.4 295.616 422.4 295.616-147.904 295.616-422.4 295.616z" fill="#999999" p-id="6234"></path><path d="M507.74592 339.008a168.896 168.896 0 1 0 168.96 168.896 169.408 169.408 0 0 0-168.96-168.896z m0 253.376a84.48 84.48 0 1 1 84.48-84.48 84.736 84.736 0 0 1-84.48 84.608z" fill="#999999" p-id="6235"></path></svg>
                            <span>{{viewCount}}</span>
                        </a>
                        <a href="javascript:;" class="youtube-interactive-item">
                            <svg t="1646992094146" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9317" width="22" height="22"><path d="M1015.68 507.84a38.4 38.4 0 0 1-1.152 13.376l-85.696 378.24a40.064 40.064 0 0 1-5.696 12.288 116.16 116.16 0 0 1-104.576 64.512h-550.4a39.232 39.232 0 0 1-11.84 0H109.952a40.96 40.96 0 0 1-6.4 0.512 39.616 39.616 0 0 1-39.616-39.616l0.32-476.096a39.68 39.68 0 0 1 39.68-39.616 40.192 40.192 0 0 1 4.864 0.32l131.584-0.32v-0.768a237.632 237.632 0 0 0 220.416-230.4c0-3.456-0.512-6.912-0.512-10.432a115.2 115.2 0 0 1 227.712-26.048h0.576a416.832 416.832 0 0 1-13.184 227.712h221.312a37.504 37.504 0 0 1 6.016 0.512 117.376 117.376 0 0 1 112.896 126.08m-872.32 388.608h79.296v-396.16H143.36l-0.32 395.968z m788.096-417.792a38.4 38.4 0 0 0-34.56-17.984l-279.744-0.32a39.552 39.552 0 0 1-35.52-57.216l-0.448-0.32a335.232 335.232 0 0 0 33.92-95.552h0.512a288.512 288.512 0 0 0 5.184-62.464 361.472 361.472 0 0 0-6.016-62.208V181.12a37.12 37.12 0 1 0-74.176 0v2.496h-0.512a342.912 342.912 0 0 1-5.504 63.104 282.176 282.176 0 0 1-9.728 36.352 316.16 316.16 0 0 1-222.144 207.744l-0.384 406.144h516.736a34.752 34.752 0 0 1 5.184 0.384 37.632 37.632 0 0 0 14.912-5.44 36.864 36.864 0 0 0 14.272-16.96l82.496-364.16h-0.32a38.4 38.4 0 0 0-3.904-32" p-id="9318" fill="#999999"></path></svg>
                            <span>{{likeCount}}</span>
                        </a>
                        <a href="javascript:;" class="youtube-interactive-item">
                            <svg t="1646975438725" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6459" width="22" height="22"><path d="M852.736 128h-710.4A78.592 78.592 0 0 0 63.808 206.528v518.4a78.592 78.592 0 0 0 78.528 78.528h186.88l144.64 118.08a39.104 39.104 0 0 0 24.576 8.704 38.4 38.4 0 0 0 24.384-8.704l145.408-118.08h184.192a78.592 78.592 0 0 0 78.528-78.528v-518.4A78.464 78.464 0 0 0 852.736 128z m0.96 596.992a1.088 1.088 0 0 1-0.96 0.96h-197.952a38.4 38.4 0 0 0-24.448 8.704l-131.648 106.816-130.88-106.816a38.784 38.784 0 0 0-24.512-8.704H142.528a1.088 1.088 0 0 1-0.96-0.96v-518.4a1.088 1.088 0 0 1 0.96-0.96h710.4a1.024 1.024 0 0 1 0.96 0.96v518.4z" p-id="6460" fill="#999999"></path><path d="M265.088 466.752a48.448 48.448 0 1 0 48.448-48.512 48.448 48.448 0 0 0-48.448 48.512z" p-id="6461" fill="#999999"></path><path d="M450.24 466.752a48.448 48.448 0 1 0 48.448-48.512 48.448 48.448 0 0 0-48.448 48.512z" p-id="6462" fill="#999999"></path><path d="M635.584 466.752a48.448 48.448 0 1 0 48.448-48.512 48.448 48.448 0 0 0-48.448 48.512z" p-id="6463" fill="#999999"></path></svg>
                            <span>{{commentCount}}</span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="video-layer-right">
                <a href="javascript:;" class="video-layer-name line-clamp2 general_title-color">{{name}}</a>
                <div class="video-layer-scroll">
                    <div class="video-layer-detail">{{detail}}</div>

                    {% for product in products %}
                        
                    <div class="video-layer-product">
                        <div class="video-layer-product-item">
                            <a href="/products/{{product.handle}}?data_from={{data_from}}" class="video-layer-product-item-pic">
                                <img  data-src="{{ product.image.src }}" src="/theme/default/assets/empty.png"  alt="{{product.image.alt | default : 'product.title'}}" />
                            </a>
                            <div class="video-layer-product-item-info">
                                <a href="/products/{{product.handle}}?data_from={{data_from}}" class="video-layer-product-item-name text-white-space general_title-color" href="javascript:;">{{product.title}}</a>
                                <div class="video-layer-product-item-price"><span class="general-price">{{product.variant.price | money}}</span></div>
                                {% if btnText != "" %}
                                <a href="/products/{{product.handle}}?data_from={{data_from}}" class="video-layer-product-item-btn">{{btnText}}</a>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    {% endfor %}

                   
                </div>
            </div>
        </div>
    </script>
    {% endraw %}
</div>

<script>
console.log({{statistics|json}})
</script>
<script type="text/javascript">
(function(){const blockId = "{{ blockId  }}";

var sildes_blockId = new Swiper("#block_video_list-{{blockId}}", {
    slidesPerView: 4,
    spaceBetween: 30,
    navigation: {
        nextEl: "#block_next_{{ blockId  }}",
        prevEl: "#block_prev_{{ blockId  }}"
    }
});

const videoWarpDOM = $("#block_video_list-{{blockId}}");
const videoLayerHtml = $("#video-default-layer").html();
videoWarpDOM.find(".zuui-video-item").click(function () {
    
    const that = $(this);
    const productIds = that.attr("data-product");
    let videoInfo = that.attr("data-video-info");
    videoInfo = eval(("("+videoInfo+")"))
    videoInfo.date = moi.formatDate(new Date(videoInfo.date),'YYYY-mm-dd HH:MM:SS')
    
    if (videoInfo.url) {
    const popupLayer = moi.popup();
    //23238,21909,21894
    if (productIds) {
      $.ajax({
        type: "get",
        url: "/homeapi/products/list/" + productIds,
        dataType: "json",
        success: function (response) {
          if (!response.code) {
            render({
              products: response.data.list || [],
              videoInfo: videoInfo,
              data_from:'{{ data_from }}',
              btnText:"{{section.settings.btn_text}}",
              detail: that.find(".youtube_detail").text(),
              name: that.find(".youtube_name").text(),
              likeCount: that.find(".likeCount").text(),
              commentCount: that.find(".commentCount").text(),
              viewCount: that.find(".viewCount").text()
            })
            
          }
        }
      });
    }

    render({
      products: [],
      videoInfo: videoInfo,
      btnText:"{{section.settings.btn_text}}",
      detail: that.find(".youtube_detail").text(),
      name: that.find(".youtube_name").text(),
      likeCount: that.find(".likeCount").text(),
      commentCount: that.find(".commentCount").text(),
      viewCount: that.find(".viewCount").text()
    })


    function render(params) {
      engine
        .parseAndRender(videoLayerHtml, {
          lang: lang,
          ...params
        })
        .then(function (html) {
          popupLayer.addContent(html);
          addLazyImages(popupLayer.temp.find("img[data-src]"));
          popupLayer.temp.find(".popup-close").click(function () {
            popupLayer.close();
          });
          popupLayer.temp.find(".video-layer").scroll(function(){
             window.lazyImageShow()
          })
        });
    }

    moi.addEvent("updateBlock", function () {
      if (popupLayer) {
        popupLayer.close()
      }
    });
    }

    
    
    
});

const youtubeDateDOM = videoWarpDOM.find(".youtube_pic-item");
youtubeDateDOM.each(function(){
const date = $(this).attr("data-date");
if(date){
    const tiemr  = []
    date.replace("PT","").replace(/M|H|S/g,',').split(',').forEach((element) => {
        if(element){
            tiemr.push(element)
        }
    });
    if(date.length < 3){
      if(date.indexOf("H")>-1){
        tiemr.push("00")
      }else{
        tiemr.unshift("00")
      }
    }
    
    $(this).html(tiemr.join(":"));
}
})

})()
</script>
{% schema %}
{
	"class": "block_video_list",
	"is_global": false,
	"icon": "",
	"name": {
		"zh_CN": "视频列表"
	},
	"max_blocks": "20",
	"blocks": [
		{
			"name": {
				"zh_CN": "视频"
			},
			"type": "video-item",
			"settings": [
				{
					"type": "card_video",
					"rule": {
						"youtube": {
							"error": {
								"zh_CN": "输入地址错误"
							}
						}
					},
					"label": {
						"zh_CN": "YouTube视频ID"
					},
					"placeholder": {
						"zh_CN": "请输入Youtube视频的URL"
					},
					"info": {
						"zh_CN": "仅支持Youtube，请输入完整链接例如：https://www.youtube.com/watch?v=XXXXXX"
					},
					"id": "video",
          "default":{
            "value": "",
					  "id": "",
					  "model": ""
          }
				},
				{
					"type": "card_product_checkbox",
					"label": {
						"zh_CN": "关联商品"
					},
					"max": 10,
          "default":[],
					"id": "products"
				}
			]
		}
	],
	"settings": [
		{
			"type": "card_header",
			"label": {
				"zh_CN": "设置"
			}
		},
		{
			"type": "card_input",
			"label": {
				"zh_CN": "标题"
			},
			"id": "title"
		},
		{
			"type": "card_text_editor",
			"label": {
				"zh_CN": "描述"
			},
			"id": "detail"
		},
		{
			"type": "card_header",
			"label": {
				"zh_CN": "内容"
			}
		},
		{
			"type": "card_select",
			"label": {
				"zh_CN": "展示方式"
			},
			"id": "show_type",
			"option": [
				{
					"label": {
						"zh_CN": "单排展示"
					},
					"value": "1"
				},
				{
					"label": {
						"zh_CN": "平铺展示"
					},
					"value": "2"
				}
			]
		},
    {
  "type": "card_input",
  "label": {
    "zh_CN": "按钮文字"
  },
  "default": "Shop now",
  "id": "btn_text"
}
	],
	"default": {
		"settings": {
			"title": "YouTube",
			"detail": "Some description",
			"show_type": "1",
      "btn_text":"Shop now"
		},
		"blocks": [
			{
				"video": {
					"value": "",
					"id": "",
					"model": ""
				},
				"products": [],
				"block_type": "video-item"
			},
      {
				"video": {
					"value": "",
					"id": "",
					"model": ""
				},
				"products": [],
				"block_type": "video-item"
			},
      {
				"video": {
					"value": "",
					"id": "",
					"model": ""
				},
				"products": [],
				"block_type": "video-item"
			},
      {
				"video": {
					"value": "",
					"id": "",
					"model": ""
				},
				"products": [],
				"block_type": "video-item"
			}
		]
	}
}
{% endschema %}